<template>
    <section>
        <h1>{{title}}</h1>
        <li v-for="(img,index) in list" :key="index">
            <img v-lazy="img.src" >
        </li>
    </section>
</template>

<script>
export default {
    data(){
        return{
            title:'新品',
            list:[{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},
            {src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},
            {src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},
            {src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},
            {src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},
            {src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')},{src:require('../../assets/logo.png')}]
        }
    },
    mounted(){
        
    }
}
</script>
<style scoped>


</style>